
<!DOCTYPE html>

<html lang="en">

	<head>

		<meta charset="utf-8">

		<title>Wireframe</title>

		<link rel="stylesheet" href="./jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css">

		<link rel="stylesheet" href="./bootstrap/css/bootstrap.css" type="text/css">

		<script type="text/javascript" language="javascript" src="./jquery/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" language="javascript" src="./jquery/jquery.validate.min.js"></script>

		<script type="text/javascript" language="javascript" src="./bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function()
			{
				$("#payvendor").validate({
					rules: {
						Amount: {
							required: true,
							range: [10, 123.23]
						}
					}
				});
			});
		</script>
	</head>

	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container" style="width: auto;">
					<div class="container">
						<ul class="nav pull-left">
							<li>
								<a href="./index.html">Home</a>
							</li>
							<li>
								<a href="./bills.html">Bills</a>
							</li>
							<li>
								<a href="./vendors.html">Vendors</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									Account
									<b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a href="./billhistory.html">Bill History</a></li>
									<li><a href="./userprofile.html">Edit Profile</a></li>
									<li><a href="./editvendors.html">Edit Vendors</a></li>
									<li><a href="./paymentaccounts.html">Edit Payment Accounts</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">

			<div class="row">

				<div class="span12 ui-corner-all">

							<div class="well">
							<form name="input" id="payvendor" action="./paid.html" method="post">
								<h1>Pay Bill</h1>
								<br/><br/>
								<p>Vendor Name: CSULB </p>
								<p>Bill Description: Summer 2012 Tuition</p>
								<p>Date Due: March 23, 2012</p>
								<p>Amount Due: $123.23</p>
								<label>Amount:<input type="text" name="Amount" id="Amount" /></label>
								<br/>
								<select size="1" name="payment" id="payment">
									<option selected="selected" >Default Payment</option>
									<option value="newtype">New Payment Type</option>
								</select>
								<br/><br/>
								<input type="submit" value="Pay now" />
							</form>
							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

	</body>

</html>